* {
  user-select: none;
}

.baseComponent {
  height: 100%;
  width: 600px;

  h1 {
    margin-bottom: 12px;
  }
}

.componentItem {
  width: 70px;
  height: 80px;
  display: inline-block;
  text-align: center;
  cursor: move!important;

  [nz-icon] {
    display: block;
    font-size: 60px
  }
}

.componentDropList {
  height: 1000px;
  overflow-y: auto;

}

::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
  width: 0;
}

.areaItem {
  line-height: 120px;
  height: 120px;
  border: 1px solid #00000033;
  margin-bottom: 1px;
  text-align: center;
  position: relative;
  background: white;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

//.cdk-drag-placeholder {
//  opacity: 0;
//}

.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
